{% load static %}
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>AirBottleHub-智慧气瓶管理平台</title>
  <link rel="stylesheet" href="{% static 'layui/css/layui.css' %}">
</head>
<body>
<div class="layui-layout layui-layout-admin" >
  <div class="layui-header">
    <div class="layui-logo layui-hide-xs layui-bg-black" ><h1><a href="/show" class="layui-bg-black">AirBottleHub</a></h1></div>
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <!-- 移动端显示 -->
      <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-header-event="menuLeft">
        <i class="layui-icon layui-icon-spread-left"></i>
      </li>
      <li class="layui-nav-item layui-hide-xs"><a href="/changebottle">气瓶配送</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="/add">气瓶入库</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="/push">气瓶出库</a></li>
      <li class="layui-nav-item layui-hide-xs"><a href="/addbottle">气瓶新增</a></li>

      <li class="layui-nav-item">
        <a href="javascript:;">客户端下载</a>
        <dl class="layui-nav-child">
          <dd><a href="">安卓APK下载</a></dd>
          <dd><a href="">IOS解决方案</a></dd>
        </dl>
      </li>
    </ul>

  </div>

  <div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree" lay-filter="test">
        <li class="layui-nav-item layui-nav-itemed">

<!--          layui-nav-itemed 展开列表-->


          <a class="" href="javascript:;">气体列表</a>
          <dl class="layui-nav-child">
          {% for each in airtype %}
            <dd><a href="/show/airtype/{{each.id}}">{{ each.name }}</a></dd>
            {% endfor %}
<!--            <dd><a href="javascript:;">二氧化碳</a></dd>-->
<!--            <dd><a href="javascript:;">氮气</a></dd>-->
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">科室列表</a>
          <dl class="layui-nav-child">
            {% for each in keshiname %}
            <dd><a href="/show/keshi/{{each.id}}">{{ each.name }}</a></dd>
            {% endfor %}
<!--            <dd><a href="javascript:;">科室 2</a></dd>-->

          </dl>
        </li>


        <li class="layui-nav-item">
          <a href="javascript:;">使用文档</a>
          <dl class="layui-nav-child">
            <dd><a href=" ">操作面板</a></dd>
            <dd><a href=" ">后台管理</a></dd>
            <dd><a href=" ">客户端操作</a></dd>
            <dd><a href=" ">关于本站</a></dd>
          </dl>
        </li>




        <li class="layui-nav-item"><a href="/">数据可视化主页</a></li>
                <li class="layui-nav-item"><a href="/admin/">管理员后台</a></li>

      </ul>
    </div>
  </div>

  <div class="layui-body " style="padding: 15px; background-color: #F6F6F6;">
    <!-- 内容主体区域 -->





<div class="layui-card">
  <div class="layui-card-header"><h1>{{ info }}</h1></div>
</div>





    <div class="layui-card">
  <div class="layui-card-header">信息面板</div>
  <div class="layui-card-body ">





  <form class="layui-form" action=" " method="post">

          <div class="layui-form-item">
<!--    <label class="layui-form-label">用户密钥</label>-->
<!--    <div class="layui-input-block">-->
<!--      <input type="password" name="user_key" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">-->
<!--    </div>-->

<div class="layui-form-item">
    <label class="layui-form-label">用户</label>
    <div class="layui-input-block">
      <select name="user" lay-verify="required">
        <option value=""></option>
        {% for each in person %}
        <option value="{{ each.id }}">{{ each.name }}</option>
        {% endfor %}
      </select>
    </div>
  </div>





    <div class="layui-form-mid layui-word-aux"> </div>
  </div>





  <div class="layui-form-item">
    <label class="layui-form-label">气瓶ID</label>
    <div class="layui-input-block">
      <input type="text" name="bottle_id" required  lay-verify="required" placeholder="请输入气瓶ID" autocomplete="off" class="layui-input">
    </div>
  </div>



  <div class="layui-form-item">
    <label class="layui-form-label">气瓶状态</label>
    <div class="layui-input-block">
      <select name="state" lay-verify="required">
        <option value=""></option>
        {% for each in state %}
        <option value="{{ each.id }}">{{ each.name }}</option>
        {% endfor %}
      </select>
    </div>
  </div>



  <div class="layui-form-item">
    <label class="layui-form-label">目标位置</label>
    <div class="layui-input-block">
      <select name="loc" lay-verify="required">
        <option value=""></option>
        {% for each in keshiname %}
        <option value="{{ each.id }}">{{ each.name }}</option>
        {% endfor %}
      </select>
    </div>
  </div>
  <div class="layui-form-item">



  <div class="layui-form-item layui-form-text">
    </div>
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block">
      <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
</form>


  </div>



  </div>

  <div class="layui-footer">
    <!-- 底部固定区域 -->
    底部固定区域
  </div>
</div>
<script src="{% static './layui/layui.js' %}"></script>
<script>
//JS
layui.use(['element', 'layer', 'util'], function(){
  var element = layui.element
  ,layer = layui.layer
  ,util = layui.util
  ,$ = layui.$;

  //头部事件
  util.event('lay-header-event', {
    //左侧菜单事件
    menuLeft: function(othis){
      layer.msg('展开左侧菜单的操作', {icon: 0});
    }
    ,menuRight: function(){
      layer.open({
        type: 1
        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
        ,area: ['260px', '100%']
        ,offset: 'rt' //右上角
        ,anim: 5
        ,shadeClose: true
      });
    }
  });

});
</script>
</body>
</html>